<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-操作员管理-修改</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  
  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
</head>
<body>
@@include('header.html')
@@include('menu.html')
<div class="content-wrap">
  <ol class="breadcrumb _white">
    <li><a href="./index.html">操作员管理</a></li>
    <li class="active">修改操作员</li>
  </ol>
  <div class="detail-title">
    <div class="detail-title-text">修改操作员</div>
  </div>
  <div class="content">
    <form class="form form-horizontal inner-form" id='form'>
      <div class="form-group form-group-required">
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">账户号</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <div class="form-control-static">{{ loginName }}</div>
        </div>
      </div>
      <div class="form-group form-group-required">
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">操作员姓名</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <input type="text" v-model="realName" class="form-control" name="realName" :disabled="isLock">
        </div>
      </div>
      <div class="form-group form-group-required">
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">手机号</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <input type="text" v-model="phone" class="form-control" name="phone" :disabled="isLock">
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">邮箱</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <input type="text" v-model="email" class="form-control" name="email" :disabled="isLock">
        </div>
      </div>
      <div class="form-group form-group-required">
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">角色</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <select class="form-control" autofocus="off" v-model="roleIds" name="roleIds" :disabled="isLock"
                  autocomplete="off">
            <option value=''>请选择</option>
            <option v-for="role in roleList" :value="role.id">
              {{ role.name }}
            </option>
          </select>
        </div>
      </div>
      <div class="form-group form-group-required">
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">数据角色</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <div class="btn-group">
            <button type="button" class="btn" :class="(dataRole - 0) === 1 ? 'btn-primary' : 'btn-default'"
                    :disabled="isLock" @click="dataRole = 1">全国
            </button>
            <button type="button" class="btn" :class="(dataRole - 0) === 2 ? 'btn-primary' : 'btn-default'"
                    :disabled="isLock" @click="dataRole = 2">区域
            </button>
            <button type="button" class="btn" :class="(dataRole - 0) === 3 ? 'btn-primary' : 'btn-default'"
                    :disabled="isLock" @click="dataRole = 3; getBuild(areaId)">项目
            </button>
          </div>
        </div>
      </div>
      <div class="form-group form-group-required" v-if='dataRole === 2'>
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">区域</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <select class="form-control" autofocus="off" v-model="areaId" name="areaId"
                  :disabled="isLock" autocomplete="off">
            <option value=''>请选择</option>
            <option v-for="area in areaList" :value="area.id">
              {{ area.areaName }}
            </option>
          </select>
        </div>
      </div>
      <div class="form-group form-group-required" v-if='dataRole === 3'>
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">区域</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <select @change="getBuild(areaId)" class="form-control" autofocus="off" v-model="areaId" name="areaId"
                  :disabled="isLock" autocomplete="off">
            <option value=''>请选择</option>
            <option v-for="area in areaList" :value="area.id">
              {{ area.areaName }}
            </option>
          </select>
        </div>
      </div>
      <div class="form-group form-group-required" v-if='dataRole === 3'>
        <label for="" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘</label>
        <div class="col-xs-24 col-sm-^^gutter-value">
          <div class="checkbox" v-for="build in buildingList">
            <label>
              <input type="checkbox" :checked="buildingIds.indexOf(build.id) == -1 ? false : true" :value="build.id" v-model="buildingIds" name="buildingIds">
              {{ build.propertyName }}
            </label>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-xs-24 col-sm-offset-^^gutter-name col-sm-^^gutter-value">
          <button type="submit" class="btn btn-primary btn-h-llg" :disabled="isLock">提交</button>
        </div>
      </div>
    </form>
  </div>
</div>
@@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/operatorManage_modify.js"></script>
</html>